<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window grid91" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/bootstrap/row/row,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/button/button,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
    <div class="x-panel-top" xid="top" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;九宫格布局&quot;}"> 
        <div class="x-titlebar-left" xid="div1"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:button1Click" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
            <i xid="i1" class="icon-chevron-left"/>  
            <span xid="span1"/> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="div2">九宫格布局</div>  
        <div class="x-titlebar-right " xid="div3"> 
          <div class="empty"/> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content" xid="content" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/bootstrap/row/row" class="row grid" xid="row1" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}"> 
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col1"> 
          <div class="card"> 
            <i class="icon-android-download" style="color: rgb(153, 196, 18);"/>  
            <span class="title">下载</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col2"> 
          <div class="card"> 
            <i class="icon-android-alarm" style="color:#FF8080;"/>  
            <span class="title">时钟</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col3"> 
          <div class="card"> 
            <i class="icon-android-battery" style="color:#FF8000;"/>  
            <span class="title">电池电量</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col4"> 
          <div class="card"> 
            <i class="icon-android-call" style="color: rgb(153, 196, 18);"/>  
            <span class="title">电话</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col5"> 
          <div class="card"> 
            <i class="icon-android-camera" style="color:#C0C0C0;"/>  
            <span class="title">相机</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col6"> 
          <div class="card"> 
            <i class="icon-android-lightbulb" style="color:#FF8040;"/>  
            <span class="title">手电筒</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-locate" style="color:#0080FF;"/>  
            <span class="title">指南针</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-location" style="color:#FF8080;"/>  
            <span class="title">地图</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-mail" style="color:#FF8000;"/>  
            <span class="title">电子邮件</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-microphone" style="color: rgb(153, 196, 18);"/>  
            <span class="title">录音机</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-playstore" style="color:#0080FF;"/>  
            <span class="title">视频</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-search" style="color:#000000;"/>  
            <span class="title">放大镜</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-share" style="color:#0080FF;"/>  
            <span class="title">分享</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-trash" style="color: rgb(153, 196, 18);"/>  
            <span class="title">回收站</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-android-wifi" style="color:#FF80C0;"/>  
            <span class="title">WLAN</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-heart" style="color:#FF8080;"/>  
            <span class="title">收藏</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-clipboard" style="color:#FF8000;"/>  
            <span class="title">便签</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-cloud" style="color:#8BBBCD;"/>  
            <span class="title">云</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-ios7-musical-notes" style="color:#8000FF;"/>  
            <span class="title">音乐</span> 
          </div> 
        </div>  
        <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
          <div class="card"> 
            <i class="icon-film-marker" style="color: rgb(153, 196, 18);"/>  
            <span class="title">摄像机</span> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div> 
</div>
